<template>
<div class="main" :style="{height:mainHeight}">
    <!--导航栏  -->
    <div class="header">
        <el-breadcrumb separator-class="el-icon-arrow-right">
            <el-breadcrumb-item :to="{ path: '/' }"><span class="el-icon-s-home"></span> 首页</el-breadcrumb-item>
            <el-breadcrumb-item>患者公海</el-breadcrumb-item>
        </el-breadcrumb>
    </div>
    <div>
        <router-view></router-view>
    </div>
</div>
</template>
<script>
export default {
// eslint-disable-next-line vue/multi-word-component-names
name:"",
components:{},
data(){
    return {
        // 设置内容区的高度为屏幕视口高度
        mainHeight: window.innerHeight+"px",
    }
    }
}
</script>
<style lang="less" scoped>
html,body{
    height: 100%;
}
.main{
    margin: 0;
    padding: 0;
    background-color: #ECF0F5;
    padding: 20px;
    box-sizing: border-box;
}

</style>